<template>
	<div class="login-page" @keyup.enter="login">
		<header class="page-head" v-if="!wechatAuth">
			<h1 class="sys-name">{{ systemName }}</h1>
			<h2 class="sys-version">——业主端 {{ sysVersion }}</h2>
		</header>
		<main class="page-main">
        <screenfull id="screenfull" class="right-menu-item hover-effect" />
			<img alt="" class="main-image" src="../../assets/images/bg-main.png" />
			<div class="main-form">
				<header class="form-head" v-if="wechatAuth">
					<h3>继续完成第三方帐号绑定</h3>
				</header>
				<form>
					<div class="from-item">
						<div class="lg-username">
							<i class="iconfont">&#xe60d;</i>
							<input id="username" name="username" placeholder="请输入用户名" type="text" v-model="po.username" autocomplete="off" />
						</div>
					</div>
					<div class="from-item">
						<div class="lg-password">
							<i class="iconfont">&#xe634;</i>
							<input id="password" name="password" placeholder="请输入密码" type="password" v-model="po.password" />
						</div>
					</div>
					<div class="from-item">
						<div class="code-input">
							<i class="iconfont">&#xe633;</i>
							<input id="code" name="code" type="text" v-model="po.code" />
						</div>
						<span class="check-code">
							<img :src="vo.authcodeUrl" @click="changeAuthcode" id="idVerifycode" style="border:1px solid #ff9d02" />
						</span>
						<div style="clear: both;"></div>
					</div>
					<div class="tips">
						<div><span @click="onClickToWeb">切换到运维端</span></div>
						<div class="right"><input checked="checked" type="checkbox" />记住用户名</div>
					</div>
					<div class="enter">
						<a @click="login" class="purchaser" href="javascript:;" id="idLogin">{{ wechatAuth ? '登录并绑定已有账号' : '登录' }}</a>
					</div>
				</form>
				<!-- 其他方式登录 -->
				<!-- <div class="session-login-oauth" v-if="!wechatAuth">
					<div class="divider ">
						<span class="line line-l"></span>
						<span class="txt">其他方式登录</span>
						<span class="line line-r"></span>
					</div>
					<div class="horizontal-list">
						<div class="item">
							<span @click="wechatLogin">
								<img src="../../assets/icons/wechat-logo.png" title="使用微信账号登录" alt="" />
							</span>
						</div>
					</div>
				</div> -->
			</div>
		</main>
		<!--        <footer>-->
		<!--            <div class="login-ft">-->
		<!--                <div class="ft-inner">-->
		<!--                    <div class="about-us">-->
		<!--                        <a href="javascript:;">关于我们</a>-->
		<!--                        <a href="javascript:;">法律声明</a>-->
		<!--                        <a href="javascript:;">服务条款</a>-->
		<!--                        <a href="javascript:;">联系方式</a>-->
		<!--                    </div>-->
		<!--                    <div class="address">地址：福建省泉州经济技术开发区崇祥街151号时刻科技园&nbsp;邮编：362000&nbsp;&nbsp;</div>-->
		<!--                    <div class="other-info">建议使用IE8及以上版本浏览器&nbsp; 闽ICP备&nbsp;15019691号&nbsp;</div>-->
		<!--                </div>-->
		<!--            </div>-->
		<!--        </footer>-->
	</div>
</template>

<script src="./Login.js"></script>
<style lang="stylus" src="./Login.styl"></style>
